<%--
  Created by IntelliJ IDEA.
  User: 聂姜磊
  Date: 2018-08-02
  Time: 10:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/sweetalert/sweetalert.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/sweetalert/sweetalert.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/css/bootstrap.css"/>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/table/bootstrap-table.min.css"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/table/bootstrap-table.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/table/locale/bootstrap-table-zh-CN.min.js"></script>

    <script type="text/javascript" src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css"/>
    <%--<script src="../../static/laydate/laydate.js" />--%>
    <%--  <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/tongyong.css"/>--%>
    <%--    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/easyui/easyui.css"/>
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/easyui/icon.css">
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/easyui/demo.css">--%>
    <%--<script type="text/javascript" src="${pageContext.request.contextPath}/static/easyui/jquery.easyui.min.js"></script>--%>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/AmazeUI/css/amazeui.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/AmazeUI/js/amazeui.js"></script>
    <script>
        $(function() {
            $('#doc-my-tabs').tabs();
        })

        //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function(){
            var element = layui.element;
            //…
        });

    </script>
</head>
<body>

<div class="am-tabs" id="doc-my-tabs" >
    <ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify">
        <li class="am-active"><a href="">参数设置</a></li>
        <li><a href="">小区设置</a></li>
        <li><a href="">楼宇设置</a></li>
        <li><a href="">房屋设置</a></li>
    </ul>
    <div class="am-tabs-bd">
        <div class="am-tab-panel am-active" style="height: 480px;">
            <%--选项卡二--%>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" >
                <ul class="layui-tab-title">

                    <li class="layui-this">房屋户型</li>
                    <li>房屋朝向</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <script type="text/javascript">
                            $(function(){
                                $("#hxa").bootstrapTable({
                                    url: '${pageContext.request.contextPath}/huxing/hx',
                                    onDblClickRow: function (row, $element, field) {

                                        $("#myModal5").modal("show");
                                    },
                                    columns: [
                                        {
                                            field: 'id',
                                            title: 'id',
                                            visible : false,
                                        },{
                                            field: 'name',
                                            title: '户型'
                                        }, {
                                            field: '删除', title: '操作', formatter: function (value, row, index) {
                                                return "<a onclick='dela(" + row.id + ")'>" + "<?xml version=\"1.0\" standalone=\"no\"?><!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"><svg t=\"1527149424475\" class=\"icon\" style=\"\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"2916\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"26\" height=\"26\"><defs><style type=\"text/css\"></style></defs><path d=\"M972.657609 209.348408C987.158609 209.36839 998.930114 197.571202 998.949999 182.99865 998.969882 168.426097 987.230618 156.59651 972.729617 156.576528L32.457975 155.280806C17.956974 155.260823 6.18547 167.058012 6.165585 181.630564 6.1457 196.203116 17.884965 208.032703 32.385966 208.052686L972.657609 209.348408Z\" p-id=\"2917\" fill=\"#d81e06\"></path><path d=\"M180.466902 992.356169 180.466902 1019.014859 206.993296 1018.74074 833.361858 1012.267947 859.348284 1011.999407 859.348284 985.883377 859.348284 289.397297C859.348284 274.824732 847.59289 263.011332 833.091874 263.011332 818.590859 263.011332 806.835465 274.824732 806.835465 289.397297L806.835465 985.883377 832.82189 959.498805 206.453329 965.971599 232.979723 992.356169 232.979723 282.67005C232.979723 268.097483 221.224329 256.284085 206.723313 256.284085 192.222298 256.284085 180.466902 268.097483 180.466902 282.67005L180.466902 992.356169Z\" p-id=\"2918\" fill=\"#d81e06\"></path><path d=\"M656.410257 847.079027C656.410257 861.651593 668.165651 873.464992 682.666667 873.464992 697.167682 873.464992 708.923076 861.651593 708.923076 847.079027L708.923076 372.131659C708.923076 357.559091 697.167682 345.745694 682.666667 345.745694 668.165651 345.745694 656.410257 357.559091 656.410257 372.131659L656.410257 847.079027Z\" p-id=\"2919\" fill=\"#d81e06\"></path><path d=\"M341.333333 847.079027C341.333333 861.651593 353.08873 873.464992 367.589743 873.464992 382.090758 873.464992 393.846155 861.651593 393.846155 847.079027L393.846155 372.131659C393.846155 357.559091 382.090758 345.745694 367.589743 345.745694 353.08873 345.745694 341.333333 357.559091 341.333333 372.131659L341.333333 847.079027Z\" p-id=\"2920\" fill=\"#d81e06\"></path><path d=\"M498.871795 847.079027C498.871795 861.651593 510.627189 873.464992 525.128205 873.464992 539.62922 873.464992 551.384614 861.651593 551.384614 847.079027L551.384614 372.131659C551.384614 357.559091 539.62922 345.745694 525.128205 345.745694 510.627189 345.745694 498.871795 357.559091 498.871795 372.131659L498.871795 847.079027Z\" p-id=\"2921\" fill=\"#d81e06\"></path><path d=\"M392.147755 116.721777C392.147755 102.063669 403.758665 90.363507 418.40134 90.363507L622.925796 90.363507C637.408947 90.363507 649.179381 102.1619 649.179381 116.549585L649.179381 171.644875 701.692203 171.644875 701.692203 116.549585C701.692203 72.986607 666.38105 37.591577 622.925796 37.591577L418.40134 37.591577C374.724427 37.591577 339.634933 72.950804 339.634933 116.721777L339.634933 165.310801 392.147755 165.310801 392.147755 116.721777Z\" p-id=\"2922\" fill=\"#d81e06\"></path></svg></a>";

                                            }
                                        }
                                    ],
                                })
                            })


                            /* 删除*/
                            function dela(aid) {
                                if(confirm("您确定要删除这条通告信息吗？")){

                                    $.post("${pageContext.request.contextPath}/huxing/del", {
                                        "id" : aid
                                    },function (data) {

                                        $("#hxa").bootstrapTable("load",data);

                                    })
                                    alert("删除成功")
                                }else {
                                    alert("你取消的删除！")
                                }

                            }
                            /* 添加*/
                            function save(){
                                var fwhx =$("#fwhx").val();
                                $.post("${pageContext.request.contextPath}/huxing/add",{"name":fwhx},function(data){
                                    $("#hxa").bootstrapTable("load",data);
                                    if(data){
                                        swal("成功！", "你的数据已成功提交！",
                                            "success");
                                    }else{
                                        swal("失败！", "数据提交失败！",
                                            "error");
                                    }
                                });
                            }

                            /*修改*/
                            function upd(){
                                //接收数据
                                var id2 =$ ("#id2").val();
                                var fwhxupd =$("#fwhxupd").val();
                                //alert(name+ "--" + address + "--" + email)  ;
                                //半闭对话框
                                $("#myModal5").modal("show") ;
                                //
                                $.post("${pageContext.request.contextPath}/role/upd",{"id2":id2,"fwhxupd":fwhxupd},function(data){
                                    $("#hxa").bootstrapTable("load",data)
                                }) ;
                            }
                        </script>
                        <%--添加按钮--%>
                        <div class="layui-btn-group"style="width: 300px;">
                            <button type="button" class="layui-btn" data-toggle="modal" data-target="#myModal4">增加</button>

                        </div>
                        <br>
                        <br>
                        <!-- 添加户型框 -->
                        <div class="modal fade" id="myModal4">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel4">添加户型</h4>
                                    </div>
                                    <div class="modal-body">
                                        <form>
                                            <div class="form-group">
                                                <label for=>房屋户型:</label> <input type="text" class="form-control" id="fwhx" name="fwhx" placeholder="请输入房屋户型">
                                            </div>
                                        </form>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                            <button onclick="save()" type="button" class="btn btn-primary" data-dismiss="modal">提交</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <table id="hxa" <%--style="width:500px; "--%>></table>
                        <!-- 修改户型框 -->
                        <div class="modal fade" id="myModal5">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel5">修改户型</h4>
                                    </div>
                                    <div class="modal-body">
                                        <form>
                                            <div class="form-group">
                                                <label for=>房屋户型:</label> <input type="text" class="form-control" id="fwhxa" name="fwhx" placeholder="请输入房屋户型">
                                            </div>
                                        </form>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                            <button onclick="save()" type="button" class="btn btn-primary" data-dismiss="modal">提交</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <%--<div class="am-modal am-modal-no-btn" style="z-index: 2000"   tabindex="-1" id="doc-modal-2">--%>
                        <%--<div class="am-modal-dialog">--%>
                        <%--<div class="am-modal-hd">aaaa--%>
                        <%--<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>--%>
                        <%--</div>--%>
                        <%--<div class="am-modal-bd">--%>
                        <%--<form>--%>
                        <%--<div class="form-group">--%>
                        <%--<label for=>房屋户型:</label> <input type="text" class="form-control" id="fwhx" name="fwhx" placeholder="请输入房屋户型">--%>
                        <%--</div>--%>
                        <%--</form>--%>
                        <%--<div class="modal-footer">--%>
                        <%--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>--%>
                        <%--<button onclick="save()" type="button" class="btn btn-primary" data-dismiss="modal">提交</button>--%>
                        <%--</div>--%>
                        <%--</div>--%>
                        <%--</div>--%>
                        <%--</div>--%>

                        <%--<div class="am-modal am-modal-no-btn" tabindex="-1" id="doc-modal-1">--%>
                        <%--<div class="am-modal-dialog">--%>
                        <%--<div class="am-modal-hd">参数修改--%>
                        <%--<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>--%>
                        <%--</div>--%>
                        <%--<div class="am-modal-bd">--%>
                        <%--<form>--%>
                        <%--<div class="form-group">--%>
                        <%--<label for=>房屋户型:</label> <input type="text" class="form-control" id="xgfwhx" name="fwhx" placeholder="请输入房屋户型">--%>
                        <%--</div>--%>
                        <%--</form>--%>
                        <%--<div class="modal-footer">--%>
                        <%--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>--%>
                        <%--<button onclick="save()" type="button" class="btn btn-primary" data-dismiss="modal">提交</button>--%>
                        <%--</div>--%>
                        <%--</div>--%>
                        <%--</div>--%>
                        <%--</div>--%>



                        <%-- 小区设置--%>
                        <%--    <div class="am-tab-panel" style="height: 750px;">
                           &lt;%&ndash; 表格小区设置&ndash;%&gt;

                            <script type="text/javascript">
                                $(function(){
                                    $("#k").bootstrapTable({
                                        url: '',

                                        columns: [
                                            {
                                                field: 'id',
                                                title: 'id',
                                                visible : false,
                                            },{
                                                field: 'name',
                                                title: '小区编号'
                                            },{
                                                field: 'cityareaid',
                                                title: '小区名称',
                                            },{
                                                field: 'address',
                                                title: '楼宇数量'
                                            },{
                                                field: 'address',
                                                title: '房屋数量'
                                            },{
                                                field: 'address',
                                                title: '地址'
                                            },{
                                                field: 'telephone',
                                                title: '备注信息'
                                            },]
                                    })
                                })
                                function save(){
                                    $("#myModal").modal("hide");

                                    $("#myModal").modal("hide");
                                }
                            </script>
                               <br>
                              &lt;%&ndash; 添加按钮&ndash;%&gt;
                               <div class="layui-btn-group" >
                                   <button type="button" class="layui-btn" data-toggle="modal" data-target="#myModal">增加</button>
                                   <button type="button" class="layui-btn ">编辑</button>
                                   <button type="button" class="layui-btn">删除</button>
                               </div>
                               <br>
                               <br>
                               <!-- 添加模态框 -->
                               <div class="modal fade" id="myModal">
                                   <div class="modal-dialog" role="document">
                                       <div class="modal-content">
                                           <div class="modal-header">
                                               <button type="button" class="close" data-dismiss="modal"
                                                       aria-label="Close">
                                                   <span aria-hidden="true">&times;</span>
                                               </button>
                                               <h4 class="modal-title" id="myModalLabel">小区信息</h4>
                                           </div>
                                           <div class="modal-body">
                                               <!-- form开始 -->
                                               <form>
                                                   <div class="form-group">
                                                       <label for="bh">小区编号:</label> <input type="text" class="form-control" id="bh" placeholder="请输入小区编号">
                                                   </div>
                                                   <div class="form-group">
                                                       <label for="mc">小区名称:</label> <input type="text" class="form-control" id="mc" placeholder="请输入小区名称">
                                                   </div>
                                                   <div class="form-group">
                                                       <label for="ly">楼宇数量:</label> <input type="text" class="form-control" id="ly" placeholder="请输入楼宇数量">
                                                   </div>
                                                   <div class="form-group">
                                                       <label for="ls">房屋数量:</label> <input type="text" class="form-control" id="ls" placeholder="请输入房屋数量">
                                                   </div>
                                                   <div class="form-group">
                                                       <label for="qsrdz">地&nbsp;&nbsp;&nbsp;址:</label> <input type="text" class="form-control" id="qsrdz" placeholder="请输入地址:">
                                                   </div>

                                                   <div class="form-group">
                                                       <label for="srbz">备注信息:</label> <input type="text" class="form-control" id="srbz" placeholder="请输入备注信息">
                                                   </div>
                                               </form>
                                           </div>
                                           <div class="modal-footer">
                                               <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                               <button onclick="save()" type="button" class="btn btn-primary">提交</button>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                               <table id="k" ></table>
                               <!-- Tab panes -->

                        </div>--%>
                        <%-- 楼宇设置--%>
                        <%--  <div class="am-tab-panel" style="height: 750px;">
                         &lt;%&ndash; 楼宇设置&ndash;%&gt;
                         <script type="text/javascript">
                             $(function(){
                                 $("#b").bootstrapTable({
                                     url: '',

                                     columns: [
                                         {
                                             field: 'id',
                                             title: 'id',
                                             visible : false,
                                         },{
                                             field: 'name',
                                             title: '楼宇编号'
                                         },{
                                             field: 'cityareaid',
                                             title: '楼宇名称',
                                         },{
                                             field: 'address',
                                             title: '所属小区'
                                         },{
                                             field: 'address',
                                             title: '房屋结构'
                                         },{
                                             field: 'address',
                                             title: '单元数'
                                         },{
                                             field: 'telephone',
                                             title: '楼层数'
                                         },{
                                             field: 'telephone',
                                             title: '房屋数'
                                         },{
                                             field: 'telephone',
                                             title: '备注信息'
                                         },]
                                 })
                             })
                             function save(){
                                 $("#myModal2").modal("hide");


                                 $("#myModal2").modal("hide");
                             }
                         </script>
                         <br>
                         &lt;%&ndash; 添加按钮&ndash;%&gt;
                         <div class="layui-btn-group"  style="display: inline-block;width: 300px;">
                             <button type="button" class="layui-btn" data-toggle="modal" data-target="#myModal2">增加</button>
                             <button type="button" class="layui-btn ">编辑</button>
                             <button type="button" class="layui-btn">删除</button>
                         </div>
                            &lt;%&ndash; 查询 以及导出&ndash;%&gt;
                             <div style="display: inline-block">
                                 <span style="font-size: 15px;font-family: 微软雅黑">楼宇编号或名称:</span>
                                 <div style="display: inline-block">
                                     <input type="text" class="layui-input" placeholder="请输入编号或名称">
                                 </div>&nbsp;&nbsp;&nbsp;
                                 <div style="display: inline-block">
                                     <button class="layui-btn" type="submit">查询</button>
                                 </div>
                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                 <div style="display: inline-block">
                                     <button class="layui-btn" type="submit">导出Excel</button>
                                 </div>
                             </div>
                          <br>
                         <br>
                         <!-- 添加模态框 -->
                         <div class="modal fade" id="myModal2">
                             <div class="modal-dialog" role="document">
                                 <div class="modal-content">
                                     <div class="modal-header">
                                         <button type="button" class="close" data-dismiss="modal"
                                                 aria-label="Close">
                                             <span aria-hidden="true">&times;</span>
                                         </button>
                                         <h4 class="modal-title" id="myModalLabel2">楼宇信息</h4>
                                     </div>
                                     <div class="modal-body">
                                         <!-- form开始 -->
                                         <form>
                                             <div class="form-group">
                                                 <label for="bh">楼宇编号:</label> <input type="text" class="form-control" id="bh1" placeholder="请输入楼宇编号">
                                             </div>
                                             <div class="form-group">
                                                 <label for="mc">楼宇名称:</label> <input type="text" class="form-control" id="mc1" placeholder="请输入楼宇名称">
                                             </div>
                                             <div class="form-group">
                                                 <label for="ly">小区名称:</label>
                                                 <select id="typemc" >
                                                     <option>一区</option>
                                                </select>
                                             </div>
                                             <div class="form-group">
                                                 <label for="ls">房屋结构:</label>
                                                 <select id="type1">
                                                     <option>钢筋混凝土</option>
                                                     <option>钢架结构</option>
                                                 </select>
                                             </div>
                                             <div class="form-group">
                                                 <label for="srdy">单元数:</label> <input type="text" class="form-control" id="srdy" placeholder="请输入单元数">
                                             </div>

                                             <div class="form-group">
                                                 <label for="lcsl">楼层数:</label> <input type="text" class="form-control" id="lcsl" placeholder="请输入楼层数">
                                             </div>
                                             <div class="form-group">
                                                 <label for="fwsl">房屋数:</label> <input type="text" class="form-control" id="fwsl" placeholder="请输入房屋数">
                                             </div>
                                             <div class="form-group">
                                                 <label for="bzxx">备注信息:</label> <input type="text" class="form-control" id="bzxx" placeholder="请输入备注信息">
                                             </div>
                                         </form>
                                     </div>
                                     <div class="modal-footer">
                                         <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                         <button onclick="save()" type="button" class="btn btn-primary">提交</button>
                                     </div>
                                 </div>
                             </div>
                         </div>
                         <table id="b" ></table>
                     </div>--%>
                        <%--房屋设置--%>
                          <%--房屋设置--%>
                      <div class="am-tab-panel" style="height: 750px;">
                          <%-- 房屋设置--%>

                          <script type="text/javascript">
                              $(function(){
                                  $("#h").bootstrapTable({
                                      url: '${pageContext.request.contextPath}/house/houseAll',

                                      columns: [
                                          {
                                              field: 'id',
                                              title: 'id',
                                              visible : false,
                                          },{
                                              field: 'doornumber',
                                              title: '门牌号'
                                          },{
                                              field: 'cityareaid',
                                              title: '所属楼栋',
                                          },{
                                              field: 'address',
                                              title: '所属小区'
                                          },{
                                              field: 'address',
                                              title: '所属单元'
                                          },{
                                              field: 'address',
                                              title: '所属楼层'
                                          },{
                                              field: 'telephone',
                                              title: '房屋户型'
                                          },{
                                              field: 'telephone',
                                              title: '房屋朝向'
                                          },{
                                              field: 'telephone',
                                              title: '房屋面积'
                                          },{
                                              field: 'telephone',
                                              title: '使用面积'
                                          },{
                                              field: 'telephone',
                                              title: '当前状态'
                                          },{
                                              field: 'telephone',
                                              title: '备注'
                                          },]
                                  })
                              })
                              function save(){
                                  $("#myModal3").modal("hide");


                                  $("#myModal3").modal("hide");
                              }
                          </script>
                          <br>

                          <%-- 添加按钮--%>
                          <div class="layui-btn-group"style="width: 300px;">
                              <button type="button" class="layui-btn" data-toggle="modal" data-target="#myModal3">增加</button>
                              <button type="button" class="layui-btn ">编辑</button>
                              <button type="button" class="layui-btn">删除</button>
                          </div>
                              <%--房屋--%>

                              <div style="display: inline-block">
                                  <span style="font-size: 15px;font-family: 微软雅黑">门牌编号:</span>
                                  <div style="display: inline-block">
                                      <input type="text" class="layui-input" placeholder="请输入编号或名称">
                                  </div>&nbsp;&nbsp;&nbsp;
                                  <div style="display: inline-block">
                                      <button class="layui-btn" type="submit">查询</button>
                                  </div>
                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <div style="display: inline-block">
                                      <button class="layui-btn" type="submit">导出Excel</button>
                                  </div>
                              </div>
                          <br>
                          <br>
                          <!-- 添加模态框 -->
                          <div class="modal fade" id="myModal3">
                              <div class="modal-dialog" role="document">
                                  <div class="modal-content">
                                      <div class="modal-header">
                                          <button type="button" class="close" data-dismiss="modal"
                                                  aria-label="Close">
                                              <span aria-hidden="true">&times;</span>
                                          </button>
                                          <h4 class="modal-title" id="myModalLabel3">房屋信息</h4>
                                      </div>
                                      <div class="modal-body">
                                          <!-- form开始 -->
                                          <form>
                                              <div class="form-group">
                                                  <label for=>门牌编号:</label> <input type="text" class="form-control" id="bh2" placeholder="请输入门牌编号">
                                              </div>
                                              <div class="form-group">
                                                  <label for=>当前状态:</label>
                                                  <select id="type3">
                                                      <option value="">请选择</option>
                                                      <option value="">空闲</option>
                                                      <option value=""></option>
                                                  </select>
                                              </div>
                                              <div class="form-group">
                                                  <label for=>小区名称:</label>
                                                  <select id="xq">
                                                      <option value="">请选择</option>
                                                      <option value="">一区</option>
                                                      <option value=""></option>
                                                  </select>
                                              </div>
                                              <div class="form-group">
                                                  <label for=>楼宇名称:</label>
                                                  <select id="lymingc">
                                                      <option value="">请选择</option>
                                                      <option value="">蓝钻地带罗马座</option>
                                                      <option value="">保罗圣地巴黎座</option>
                                                  </select>
                                              </div>
                                              <div class="form-group">
                                                  <label for="dybh3">单元编号:</label> <input type="text" class="form-control" id="dybh3" placeholder="请输入单元编号">
                                              </div>

                                              <div class="form-group">
                                                  <label for="lc4">所属楼层:</label> <input type="text" class="form-control" id="lc4" placeholder="请输入所属楼层">
                                              </div>
                                              <div class="form-group">
                                                  <label for="lc4">房间户型:</label>
                                                  <select id="fjhx">
                                                      <option value="">请选择</option>
                                                      <option value="">单间</option>
                                                      <option value="">一室一厅</option>
                                                      <option value="">二室一厅</option>
                                                      <option value="">三室二厅</option>
                                                  </select>
                                              </div>
                                              <div class="form-group">
                                                  <label for="lc4">所属楼层:</label>
                                                  <select id="fwcx">
                                                      <option value="">请选择</option>
                                                      <option value="">朝南</option>
                                                      <option value="">朝北</option>
                                                      <option value="">西南</option>
                                                      <option value="">西北</option>
                                                  </select>
                                              </div>
                                              <div class="form-group">
                                                  <label for="lc4">房屋面积:</label> <input type="text" class="form-control" id="fwmj" placeholder="请输入房屋面积">
                                              </div>
                                              <div class="form-group">
                                                  <label for="lc4">使用面积:</label> <input type="text" class="form-control" id="symj" placeholder="请输入使用面积">
                                              </div>
                                              <div class="form-group">
                                                  <label for="bzxx3">备注信息:</label> <input type="text" class="form-control" id="bzxx3" placeholder="请输入备注信息">
                                              </div>
                                          </form>
                                      </div>
                                      <div class="modal-footer">
                                          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                          <button onclick="save()" type="button" class="btn btn-primary">提交</button>
                                      </div>
                                  </div>
                              </div>
                          </div>

                          <table id="h" ></table>

                      </div>
                    </div>
                </div>
            </div>
</body>
</html>
